h1 {
     color: #777777;
     font-size: 2em;
     font-weight: bold;
     margin: 40px 0px 70px;
     text-align: center;
}

.sendButton {
     display: block;
     font-size: 16pt;
}

.gwt-DialogBox {
     width: 400px;
}

.dialogVPanel {
     margin: 5px;
}

.serverResponseLabelError {
     color: red;
}

#closeButton {
     margin: 15px 6px 6px;
}

.contentHeaderLabel {
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 14px;
     font-weight: bold;
     text-align: left;
     text-indent: 16px;
     vertical-align: middle;
}

.contentHeaderPanel {
     background-color: white;
     height: 30px;
     text-align: right;
     white-space: nowrap;
     width: 100%;
}

.mainDockLayoutPanel {
     border-bottom: 0px none;
     height: 100%;
     margin: 0px;
     width: 100%;
}

.mainWindowDockLayoutPanel {
     border-bottom: 0px none;
     height: 100%;
     margin: 0px;
     width: 100%;
}

.mainWindowHeaderPanel {
     background: url("../images/ApplicationLogo.png") no-repeat scroll left top #1D6F35;
     border-bottom: 1px solid #005721;
     color: white;
     text-align: right;
     width: 100%;
}

.timeLabel {
     color: white;
     margin-right: 15px;
     text-align: right;
}

.mainWindowHeaderPanel div {
     margin-right: 15px;
     text-align: right;
}

.gwt-PushButton {
     background: none repeat scroll 0% 0% #CCCCCC;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #CCCCCC;
     display: block;
     float: right;
     padding: 3px 10px;
     text-align: center;
     width: 50px;
}

.gwt-PushButton-up {
     background: none repeat scroll 0% 0% #CCCCCC;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #CCCCCC;
     display: block;
     float: right;
     padding: 3px 10px;
     text-align: center;
     width: 50px;
}

.gwt-PushButton-down {
     background: none repeat scroll 0% 0% #CCCCCC;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #CCCCCC;
     display: block;
     float: right;
     padding: 3px 10px;
     text-align: center;
     width: 50px;
}

.gwt-PushButton-up-hovering {
     background: none repeat scroll 0% 0% #666666;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #666666;
     color: #666666;
     display: block;
     float: right;
     padding: 3px 10px;
     text-align: center;
     width: 50px;
}

.gwt-PushButton-down-hovering {
     background: none repeat scroll 0% 0% #666666;
     border-radius: 5px 5px 5px 5px;
     border: 1px solid #666666;
     color: #666666;
     display: block;
     float: right;
     padding: 3px 10px;
     text-align: center;
     width: 50px;
}

.gwt-PushButton-up-disabled {
     background-color: transparent;
     border-style: none;
     border-width: 0px medium;
     margin-right: 15px;
     size: 50px;
}

.gwt-PushButton-down-disabled {
     background-color: transparent;
     border-style: none;
     border-width: 0px medium;
     margin-right: 15px;
     size: 50px;
}

.html-face {
     color: #4D4D4D;
}

.productCatNavPanel {
     border-color: white #1D6F35 white white;
     border-style: hidden solid hidden hidden;
     border-width: 0px 3px 0px 0px;
}

.gwt-TabLayoutPanelContent {
     background-color: White;
     cursor: pointer;
     padding: 0px;
     width: 100%;
}

.gwt-TabLayoutPanel {
     background-color: #28974C;
     width: 100%;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
     cursor: pointer;
     width: 100%;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab {
     background-color: #28974C;
     color: #FFFFFF;
     cursor: default;
     height: 35px;
     padding: 0px;
     text-align: center;
     width: 167px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab:hover .gwt-TabLayoutPanelTabInner .gwt-HTML {
     background: url("../images/Tab.png") no-repeat scroll 0% 0% transparent;
     color: #1D6F35;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab .gwt-TabLayoutPanelTabInner .gwt-HTML {
     color: #FFFFFF;
     font-family: "Trebuchet MS",sans-serif;
     font-size: 14px;
     font-weight: bold;
     height: 35px;
     padding-top: 11px;
     text-align: center;
     vertical-align: middle;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab-selected .gwt-TabLayoutPanelTabInner .gwt-HTML {
     background: url("../images/Tab.png") no-repeat scroll 0% 0% transparent;
     color: #1D6F35;
     cursor: default;
     padding-top: 11px;
     text-align: center;
}

.gwt-TabLayoutPanelContentContainer {
     padding: 0px;
     width: 100%;
}

.productsTabPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab {
     background: none repeat scroll 0% 0% transparent;
     height: 30px;
}

.productsTabPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab:hover .gwt-TabLayoutPanelTabInner .productsTabItemLabel {
     background: none repeat scroll 0% 0% transparent;
     color: #1D6F35;
}

.productsTabPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab-selected .gwt-TabLayoutPanelTabInner .productsTabItemLabel {
     color: #1D6F35;
     cursor: default;
     padding-top: 0px;
     text-align: center;
}

.productsTabPanel .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab .productsTabItemLabel {
     background: none repeat scroll 0% 0% transparent;
     color: #000000;
     cursor: default;
     height: 35px;
     padding: 0px;
     text-align: center;
     width: 167px;
}

.navPaneAndScreenDockPanel {
     -moz-border-bottom-colors: none;
     -moz-border-image: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: #1D6F35 white white;
     border-style: solid none none;
     border-width: 1px 0px 0px;
     height: 100%;
     overflow: auto;
     width: 100%;
}

.navPaneHeader {
     background: url("../images/NavPane-Header.png") no-repeat scroll 0% 0% transparent;
     border: medium none;
     color: White;
     height: 25px;
     padding-bottom: 0px;
     padding-top: 0px;
     vertical-align: bottom;
     width: 100%;
}

.navPanelHeaderLbl {
     font-family: "Arial",sans-serif;
     font-size: 12px;
     font-weight: bold;
     text-align: left;
     text-indent: 10px;
}

.contentMenuItemSelectedLabel {
     background-color: transparent;
     background-image: url("../images/NavPane-SelectedCategory.png");
     background-repeat: repeat-x;
     border: medium none;
     color: White;
     font-family: "Arial",sans-serif;
     font-size: 14px;
     font-weight: bold;
     height: 15px;
     padding-bottom: 5px;
     padding-top: 5px;
     text-align: left;
     text-indent: 5px;
}

.productCategoryDiscPanel {
     cursor: pointer;
     height: 40px;
     margin: 0px;
     padding: 0px;
     width: 100%;
}

.productCategoryDiscPanel .productCategoryDiscPanel-open {
     border-color: white;
     border-style: none;
     border-width: 0px;
     cursor: pointer;
     font-size: 11px;
     height: 40px;
     margin-left: 10px;
     padding: 0px;
     width: 100%;
}

.productCategoryDiscPanel .productCategoryDiscPanel-closed {
     border-color: white;
     border-style: none;
     border-width: 0px;
     cursor: pointer;
     font-size: 11px;
     height: 0px;
     margin-left: 10px;
     padding: 0px;
     width: 100%;
}

.screensVerticalPanel {
     height: 100%;
     width: 100%;
}

.screenLabel {
     background: url("../images/Screen-Nav-Panel.png") no-repeat scroll 0% 0% transparent;
     color: #1D6F35;
     font-family: "Arial";
     font-size: 11px;
     font-weight: bold;
     height: 26px;
     padding-top: 7px;
     text-indent: 10px;
     width: 192px;
}

.screenLabelBlack {
     background: url("../images/Screen-Nav-Panel.png") no-repeat scroll 0% 0% transparent;
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 11px;
     font-weight: normal;
     height: 26px;
     padding-top: 7px;
     text-indent: 10px;
     width: 100%;
}

.subScreenLabel {
     background: url("../images/Screen-Nav-Panel.png") no-repeat scroll 0% 0% transparent;
     color: #1D6F35;
     font-family: "Arial";
     font-size: 11px;
     font-weight: bold;
     height: 26px;
     padding-top: 7px;
     text-indent: 20px;
     width: 100%;
}

.subScreenLabelBlack {
     background-color: transparent;
     background-image: url("../images/Screen-Nav-Panel.png");
     background-repeat: no-repeat;
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 11px;
     font-weight: normal;
     height: 26px;
     padding-top: 7px;
     text-indent: 20px;
     width: 100%;
}

.categoryHeaderClosed {
     background: url("../images/Nav-PanelHeader-Collapsed.png") no-repeat scroll 0% 0% transparent;
     color: #4D4D4D;
     height: 40px;
     padding: 0px;
     text-decoration: none;
     width: 192px;
}

.categoryHeaderOpen {
     background: url("../images/Nav-PanelHeader-Expanded.png") no-repeat scroll 0% 0% transparent;
     color: #4D4D4D;
     height: 40px;
     padding: 0px;
     text-decoration: none;
     width: 100%;
}

.categoryHeaderImage {
     margin-right: 40px;
}

.subScreenPanel {
     height: 26px;
     margin: 0px;
     padding: 0px;
     width: 100%;
}

.subScreenPanel .subScreenPanel-open {
     border-color: white;
     border-style: none;
     border-width: 0px;
     font-size: 11px;
     height: 26px;
     margin-left: 10px;
     padding: 0px;
     width: 100%;
}

.subScreenPanel .subScreenPanel-closed {
     border-color: white;
     border-style: none;
     border-width: 0px;
     font-size: 11px;
     height: 0px;
     margin-left: 10px;
     padding: 0px;
     width: 100%;
}

.subScreenImage {
     margin-right: 45px;
}

.subScreenHeader {
     height: 26px;
     padding: 0px;
     text-decoration: none;
     width: 100%;
}

.subScreenHeaderClosed {
     background: url("../images/SubScreen-Nav-PanelHeader-Collapsed.png") no-repeat scroll 0% 0% transparent;
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 11px;
     font-weight: normal;
     height: 26px;
     padding-top: 7px;
     text-indent: 10px;
     width: 100%;
}

.subScreenHeaderOpen {
     background: url("../images/SubScreen-Nav-PanelHeader-Expanded.png") no-repeat scroll 0% 0% transparent;
     color: Green;
     font-family: "Arial";
     font-size: 11px;
     font-weight: bold;
     height: 26px;
     padding-top: 7px;
     text-indent: 10px;
     width: 100%;
}

.header {
     text-decoration: none;
}

.categoryHeaderText {
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 12px;
     font-weight: normal;
     height: 12px;
     padding-top: 0px;
     text-align: left;
     text-decoration: none;
     text-indent: 10px;
     vertical-align: middle;
}

.categoryHeaderTextOpen {
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 12px;
     font-weight: bold;
     height: 12px;
     padding-top: 0px;
     text-align: left;
     text-decoration: none;
     text-indent: 10px;
     vertical-align: middle;
}

.categoryHeaderBlack {
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 12px;
     font-weight: bold;
     height: 12px;
     padding-top: 0px;
     text-align: left;
     text-indent: 10px;
     vertical-align: middle;
}

.subMenuSelectedItemPanel {
     background-color: #DCDCDC;
}

.contentWindowWorkPanel {
     background-color: #E6E6E6;
     color: black;
     height: 100%;
     width: 100%;
     overflow: scroll;
}

.contentWindowCmdButtonsPanel {
     background-color: white;
     border: 0px solid blue;
     margin-left: 50%;
     text-align: right;
     width: 50%;
}

.contentWindowControlsPanel {
     border: 0px solid red;
     margin-right: 5px;
     padding: 0px;
     vertical-align: top;
}

.productCateAndScreenVerticalNavPanel {
     width: 100%;
}

.lblText {
     background-color: white;
     border-color: white gray;
     border-style: none solid;
     border-width: 0px;
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 12px;
     font-weight: normal;
     padding-top: 0px;
     text-align: center;
}

.lblTextGreen {
     background-color: white;
     border-color: white gray;
     border-style: none solid;
     border-width: 0px;
     color: green;
     font-family: "Arial";
     font-size: 12px;
     font-weight: bold;
     padding-top: 0px;
     text-align: center;
}

.lblGraphics {
     background-color: white;
     border-color: white gray;
     border-style: none solid;
     border-width: 0px 0px 0px 1px;
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 12px;
     font-weight: normal;
     padding-top: 0px;
     text-align: center;
}

.lblGraphicsGreen {
     background-color: white;
     border-color: white gray;
     border-style: none solid;
     border-width: 0px 0px 0px 1px;
     color: green;
     font-family: "Arial";
     font-size: 12px;
     font-weight: bold;
     padding-top: 0px;
     text-align: center;
}

.lblFunctions {
     background-color: white;
     border-color: white gray;
     border-style: none solid;
     border-width: 0px 0px 0px 1px;
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 12px;
     font-weight: normal;
     padding-top: 0px;
     text-align: center;
}

.lblFunctionsGreen {
     background-color: white;
     border-color: white gray;
     border-style: none solid;
     border-width: 0px 0px 0px 1px;
     color: green;
     font-family: "Arial";
     font-size: 12px;
     font-weight: bold;
     padding-top: 0px;
     text-align: center;
}

.lblRule {
     background-color: white;
     border-color: white gray;
     border-style: none solid;
     border-width: 0px 0px 0px 1px;
     color: #4D4D4D;
     font-family: "Arial";
     font-size: 12px;
     font-weight: normal;
     padding-top: 0px;
     text-align: center;
}

.lblRuleGreen {
     background-color: white;
     border-color: white gray;
     border-style: none solid;
     border-width: 0px 0px 0px 1px;
     color: green;
     font-family: "Arial";
     font-size: 12px;
     font-weight: bold;
     padding-top: 0px;
     text-align: center;
}

.screenFrame {
     height: 0%;
     visibility: hidden;
     width: 96%;
     overflow: scroll;
}

.screenFrameVisible {
     height: 90%;
     margin-left: 20px;
     margin-top: 20px;
     visibility: visible;
     width: 96%;
     overflow: scroll;
}

.verticalSplitPanelBottom {
     padding-bottom: 220px;
     padding-left: 13px;
     padding-top: 5px;
     position: relative;
}

.screenColor {
    
}

.verticalSplitPanel {
     background-color: #F7F7F7;
     font-weight: bold;
     padding-bottom: 8px;
     padding-left: 8px;
     padding-top: 5px;
     position: relative;
}

.hPanel {
     background-color: #F7F7F7;
     padding-left: 5px;
}

.line {
     background-color: #AAAAAA;
}

.linePanelGap {
     background-color: #F7F7F7;
     padding-bottom: 20px;
}

.linePanel {
     background-color: gray;
}

.label {
     background-color: gray;
     width: 600px;
}

.labelGap {
     background-color: #F7F7F7;
     width: 600px;
}

.onButton {
     background-color: lightgreen;
}

.offButton {
     background-color: #F7F7F7;
     color: lightgray;
}

.onOffButtonPanel {
     background-color: white;
     padding-left: 10px;
     position: relative;
}

.hPanelStyle {
     margin-right: 0px;
}

.watchListHeader {
     background-color: #F7F7F7;
     color: green;
}

.styleName1 {
     background-color: lightgray;
     position: relative;
}

.styleName4 {
     background-color: #CCCCCC;
     color: black;
     font-weight: bold;
     position: relative;
}

.styleName3 {
     background-color: lightgreen;
     font-weight: bold;
     position: relative;
}

.previewPanel {
     background-color: #F7F7F6;
     margin: 0px;
     padding-left: 10px;
}

.confirmPanel {
     margin: 0px 30px 0px 0px;
}

hr {
     height: 2px;
     margin: 15px 0px;
     width: 95%;
}

.graphicsPanel {
     height: 100%;
     width: 100%;
}

.configEditorWidget {
     height: 100%;
     width: 750px;
}

.functionalPanel {
     height: 95px;
     width: 750px;
}

.functionButtonsPanel {
     height: 100%;
     width: 750px;
}

.graphicsUpdateScrollPanel {
     height: 400px;
     margin-left: 0px;
     margin-right: 0px;
     padding: 0px;
     width: 755px;
}

.updatePanel {
     height: 100%;
     margin-left: 0px;
     padding-left: 0px;
     width: 730px;
}

.testLabel {
     color: green;
}

.testImage {
     margin-right: 20px;
}

.graphicItemDiscPanel {
     height: 40px;
     margin: 20px 0px 0px;
     padding: 0px;
     width: 730px;
}

.graphicItemDiscPanel .productCategoryDiscPanel-open {
     border-color: white;
     border-style: none;
     border-width: 0px;
     font-size: 12px;
     height: 40px;
     margin-left: 0px;
     padding: 0px;
     width: 730px;
}

.graphicItemDiscPanel .productCategoryDiscPanel-closed {
     border-color: white;
     border-style: none;
     border-width: 0px;
     font-size: 12px;
     height: 0px;
     margin-left: 0px;
     padding: 0px;
     width: 730px;
}

.graphicsDetailsPanel {
     background-color: #DCDCDC;
     width: 730px;
}

.graphicHorizontalPanel {
     margin-left: 0px;
     width: 730px;
}

.graphicItemLabel {
     margin-left: 37px;
     text-decoration: none;
     width: 91px;
}

.addNewImageBtn {
     background: url("../images/BTN-DeleteAdd.png") no-repeat scroll 0% 0% transparent;
     border: medium none;
     margin-left: 37px;
     margin-top: 24px;
     padding-left: 15px;
     padding-top: 2px;
     text-align: center;
}

.folderImageClose {
     height: 16px;
     margin-left: 138px;
     margin-right: 40px;
     width: 18px;
}

.folderImageOpen {
     height: 16px;
     margin-left: 10px;
     width: 18px;
}

.graphicItemImage {
     margin-right: 0px;
}

.graphicItemInfoPanel {
     background-color: #DCDCDC;
     border-bottom-color: black;
     border-bottom-width: 0px;
     border-top: 1px solid #BEBEBE;
     height: 47px;
     margin-bottom: 0px;
     margin-left: 37px;
     margin-top: 0px;
     width: 100%;
}

.fileImage {
     margin-left: 101px;
}

.itemImage {
     margin-left: 82px;
}

.disabledSelectBtn {
     background: url("../images/BTN-DisabledSelect.png") no-repeat scroll 0% 0% transparent;
     border: medium none;
     color: gray;
     font-weight: normal;
     margin-left: 160px;
     padding-left: 4px;
     padding-top: 1px;
     text-align: center;
}

.enabledSelectBtn {
     background: url("../images/BTN-DeleteAdd.png") no-repeat scroll 0% 0% transparent;
     border: medium none;
     color: White;
     font-weight: normal;
     margin-left: 160px;
     padding-left: 4px;
     padding-top: 1px;
     text-align: center;
}

.separatorLine {
     height: 0px;
     margin-left: 37px;
     margin-right: 20px;
     margin-top: 0px;
}

.undoButton {
     color: #4D4D4D;
     font-family: Arial;
     font-size: 11pt;
     margin-left: 30px;
     text-align: center;
}

.undoButton:hover {
     color: #4D4D4D;
     font-family: Arial;
     font-size: 11pt;
     margin-left: 30px;
     text-align: center;
}

.previewButton {
     color: #4D4D4D;
     font-family: Arial;
     font-size: 11pt;
     margin-left: 350px;
     text-align: center;
}

.previewButton:hover {
     color: #4D4D4D;
     font-family: Arial;
     font-size: 11pt;
     margin-left: 350px;
     text-align: center;
}

.confirmButton {
     color: #4D4D4D;
     font-family: Arial;
     font-size: 11pt;
     margin-left: 15px;
     text-align: center;
}

.confirmButton:hover {
     color: #4D4D4D;
     font-family: Arial;
     font-size: 11pt;
     margin-left: 15px;
     text-align: center;
}

.splitter {
     margin-left: 37px;
     margin-right: 20px;
}

hr {
     color: #BEBEBE;
     height: 2px;
     margin: 10px 0px;
     width: 95%;
}

.automatic {
     margin: 0px;
}

.fontOptionsList {
     margin-bottom: 9px;
     margin-right: 5px;
     width: 80px;
}

.configurationsWidget {
     margin-left: 25px;
     margin-top: 10px;
}

.fontsAlignmentImg {
     margin-bottom: 5px;
     margin-right: 5px;
     width: 23px;
}

.categoryTextHeader {
     font-weight: bold;
     margin: 15px 0px;
}

.borderForSelected {
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
}

hr {
     height: 2px;
     margin: 10px 0px;
     width: 100%;
}

.previewConfirmBtn {
     position: absolute;
     right: 50px;
}

.undoBtn {
     left: 10px;
     position: absolute;
}

.hPanelStyle {
     position: absolute;
     right: 55px;
}

.dialogVPanel {
     margin: 10px;
}

.gwt-DialogBox .Caption {
     background-color: Green;
}

.mouseCursor_default {
     cursor: default;
}

.errorCodeLabel {
     font-weight: bold;
}
